<!--
 * @Author: wuheng wuheng@szhbzc.com
 * @Date: 2024-12-11 14:32:19
 * @LastEditors: wuheng wuheng@szhbzc.com
 * @LastEditTime: 2024-12-15 11:50:05
 * @FilePath: \web-appc:\Users\wuheng\Desktop\WugangNew\src\views\tenantLevelManage\configManage.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="DishNames">
     <searchCard>
      <el-form
        :model="dishForm"
        label-width="auto"
        inline
        @onSearch="searchFn"
        @onReset="resetFn"
      >
      <el-form-item label="菜品编码：">
          <pb-input
            v-modal="dishForm.foodCode"
            placeholder="请输入菜品编码"
          ></pb-input>
        </el-form-item>
        <el-form-item label="菜品名称：">
          <pb-input
            v-modal="dishForm.DishName"
            placeholder="请输入菜品名称"
          ></pb-input>
        </el-form-item>
        <el-form-item label="SKU类别：">
          <pb-input
            v-modal="dishForm.skuCode"
            placeholder="请输入SKU类别"
          ></pb-input>
        </el-form-item>
        <el-form-item label="SKU编码：">
          <pb-input
            v-modal="dishForm.skuType"
            placeholder="请输入SKU编码"
          ></pb-input>
        </el-form-item>
        <el-form-item label="营养匹配：">
          <pb-check checked>未匹配</pb-check>
          <pb-check>匹配</pb-check>
        </el-form-item>
        <el-form-item label="状态：">
          <pb-check checked>已上架</pb-check>
          <pb-check>已下架</pb-check>
        </el-form-item>
        <el-form-item label="采购周期：">
          <pb-check checked>周计划</pb-check>
          <pb-check>月计划</pb-check>
        </el-form-item>
      </el-form>
    </searchCard>
     <pb-card padding="0px " class="flex-1">
      <ContentOperation>
        <pb-button size="small" plain @click="setisVisibleFn(true, 1, {})">+添加</pb-button>
      </ContentOperation>
      <pb-card>
        <!-- <div><button @click=setisVisibleFn(true)>确认</button></div> -->
        <pb-table :tableData="tableData" :column="column">
          <template #operation="{ row }">
            <div class="flex">
              <pb-button text class="mr-6" @click="setisVisibleFn(true, 2, row)">编辑</pb-button>
              <pb-button text class="mr-6" >重置密码</pb-button>
              <pb-button text class="mr-6" >禁用</pb-button>
              <!-- <pb-button text v-show="!row.isAdmin" @click="DeleteRoleFn(true,row)">删除</pb-button> -->
              <!-- <PopconfirmButton v-if="!row.isAdmin" @confirm="DeleteRoleFn(row)"></PopconfirmButton> -->
            </div>
          </template>
        </pb-table>
        <pb-pagination v-model:currentPage="pages.currentPage" v-model:pageSize="pages.pageSize" @onChange="GetDishList"
          :total="pages.total"></pb-pagination>
      </pb-card>
    </pb-card>
  </div>
</template>

<script lang="ts" setup>
const dishForm = reactive({
  foodCode: '',
  DishName: '',
  skuCode: '',
  skuType: ''
})
const pages = reactive({
  currentPage: 1,
  pageSize:10,
  total:0
})
const tableData = ref([])
const column = [{

  key: 'loginName',
  name: '账号',
  width: 100,
},
{
  key: 'userName',
  name: '姓名',
  width: 150,

},
{
  key: 'departmentName',
  name: '单位',
  width: 120,

},
{
  key: 'postName',
  name: '职务',
  width: 100,

},
{
  key: 'roleNames',
  name: '角色',
  width: 180,

},
{
  key: 'phoneNumber',
  name: '联系电话',
  width: 180,

},
{
  key: 'createTime',
  name: '创建时间',
  width: 180,

},
{
  slot: 'operation',
  name: '操作',
}]
const searchFn = () => {
  
}
const resetFn = () => {
  
}
const GetDishList = () => {
  
}
</script>

<style lang="scss" scoped>
.DishNames{

}
</style>
